<template>
  <div class="card-detail container-fluid">
    <div class=" row justify-content-between mx-auto">
        <div class="left col-md-7 row-xs-1 mx-0 px-0">
          <img class="rounded-3 img-fluid w-100" src="../../assets/img/c3789b818270476d9b48b8de610a626d.png" alt="">
        </div>

        <div class="right col-md-4 row-xs-1 position-relative d-flex flex-column justify-content-between px-0 pe-0">
          <h1 class="m-0 fs-1">豹子头-林冲</h1>
          <h6 class="ms-3">
            <span class="row mb-2">创作者</span>
            <span class="row">NFT Hero</span>  
          </h6>
          <div class="bg-white shadow p-3 rounded-3 h-50 d-flex flex-column justify-content-between">
            <h6 class="ms-3">出售价格</h6>
            <h2 class="my-3"><a href="#" class="nav-link">199 USDT</a></h2>
            <h6 class="ms-3">商品描述</h6>
            <div class="">
                <a class="nav-link text-muted text-truncate" href="#">
                  林冲，中国古典小说《水浒传》中的重要人物，绰号“豹子头”，东京（河南开封）人氏，梁山一百零八将之一。八十万禁军枪棒教头，因其妻子被太尉高俅的养子高衙内看上,多次遭到陷害，...
                </a>
            </div>
          </div>
          <div class=" bg-black rounded-3  position-relative bootom-0 overflow-hidden">
            
            <a href="#" class="nav-link">
              <h6 class="col row d-flex justify-content-between align-items-center m-0 p-0">
                <span class="col-6 text-white">立即购买</span>
                <img class="col-2" src="" alt="">
              </h6>
            </a>
          
          </div>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "card-detail",
  data() {
    return {
      
    };
  },
  created() {
      
  },
};
</script>
<style scoped>

</style>